<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>添加证件</title>
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../css/my/frequenter/add_certificate.css">
    <link rel="stylesheet" href="../../../script/extend/parsley/src/parsley.css">
</head>
<body style="cursor: pointer">
<ul class="aui-list aui-form-list">
    <form id="myform" data-parsley-trigger="blur" role="form" action="#" method="POST" data-parsley-validate>
        <li class="aui-list-item ">
            <div class="aui-list-item-inner">
                <div class="aui-text font-size-7 grey-8">证件类型</div>
                <div class="aui-list-item-input aui-list-item-arrow">
                    <select name="card_type" id="card_type" data-parsley-required="true" data-parsley-errors-container="#err" label="asset-selection">
                        <option value="1">二代身份证</option>
                        <option value="2">护照</option>
                        <option value="3">军人证</option>
                        <option value="4">回乡证</option>
                        <option value="5">港澳通行证</option>
                        <option value="6">台胞证</option>
                        <option value="7">其他</option>
                    </select>
                </div>

            </div>
        </li>
        <li>
            <span id="err" style="color:#FF0000;text-indent:1em"></span>
        </li>
        <li class="aui-list-item ">
            <div class="aui-list-item-inner">
                <div class="aui-text font-size-7 grey-8">证件号码</div>
                <div class="aui-list-item-input aui-list-item-arrow">
                    <input class="font-size-7" type="text" id="papers" placeholder="请输入正确的证件号码" data-parsley-required="true" data-parsley-errors-container="#err1">
                </div>
            </div>
        </li>
        <li>
            <span id="err1" style="color:#FF0000;text-indent:1em"></span>
        </li>
    </form>
</ul>

</body>
</html>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-dialog.js" ></script>
<script src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/extend/parsley/dist/parsley.remote.min.js"></script>
<script type="text/javascript" src="../../../script/extend/parsley/src/i18n/zh_cn.js"></script>

<script type="text/javascript">
    function order_details(){
        openWin('select_birthday', './select_birthday_win.html');
    }

    function explain(){
        var dialog = new auiDialog({});
        var msg = "1.请优先使用中文姓名。<br/>2.请优先使用中文姓名。<br/>3.请优先使用中文姓名。<br/>4.请优先使用中文姓名。<br/>1.请优先使用中文姓名。<br/>2.请优先使用中文姓名。<br/>3.请优先使用中文姓名。<br/>4.请优先使用中文姓名。<br/>1.请优先使用中文姓名。<br/>2.请优先使用中文姓名。<br/>3.请优先使用中文姓名。<br/>4.请优先使用中文姓名。<br/>";
        dialog.alert({
            title:"姓名填写说明1",
            msg:msg
        },function(ret){

        })
    }

    function add_papers(){
        if (!$('#myform').parsley().validate()){
            return false;
        }

        var papers    = $("#papers").val();
        var card_type = $("#card_type").val();

        setTimeout(function(){
            document.cookie="papers="+papers;
            document.cookie="card_type="+card_type;
            location.href="./select_birthday.html";
        },1000);

    }
</script>
